<!doctype html>
<html xmlns="http://www.w3.org/1999/xhtml">
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<title>Core Framework 1.0.0 (CF) Demos, Examples</title>
		<meta name="description" content="Core Framework, Creozon" />
		<meta name="keywords" content="core, framework, demos, examples" />
		<script src="http://code.jquery.com/jquery-1.5.2.min.js" type="text/javascript"></script>
		<script src="../trunk/core-1.0.4.js" type="text/javascript"></script>
		<link type="text/css" rel="stylesheet" href="styles/demo.css" />
	</head>
	<body>
		<div id="header">
			<img src="http://code.google.com/p/core-framework/logo?cct=1302681427" />
			<h1>core-framework</h1>
			<h2>Core Framework, Build OOP JavaScript applications with ease</h2>
		</div>
		<ul class="nav">
			<li><a href="http://code.google.com/p/core-framework/">Project home</a></li>
			<li><a href="http://code.google.com/p/core-framework/wiki/Download?tm=2">Downloads</a></li>
			<li><a href="http://code.google.com/p/core-framework/wiki/Contents?tm=6">Wiki</a></li>
			<li><a href="http://code.google.com/p/core-framework/issues/list">Issues</a></li>
			<li><a href="http://code.google.com/p/core-framework/source/browse/">Source</a></li>
			<li class="active"><a href="">Demos</a></li>
		</ul>
		<div id="demo">
			Demo of SVG/VML loader with Core Framework <br />
			<div>
				<div class="canvas"></div>
			</div>
			<script type="text/javascript">
			$(function()
			{
				Core.require(
				{
					'../trunk/plugins/draw' : ['../trunk/plugins/svg']
				}, function()
				{	
					var canvas = Core.draw.canvas(
					{
						width:	500,
						height: 500
					}).appendTo('.canvas');
					
					var loader = canvas.loader(
					{
						path:	"M31.708,10.767c-1.081,0.186-2.648-0.006-3.479-0.352c1.726-0.143,2.895-0.928,3.344-1.992c-0.621,0.383-2.553,0.8-3.619,0.403c-0.053-0.251-0.11-0.49-0.17-0.705c-0.811-2.987-3.594-5.394-6.508-5.102c0.235-0.096,0.474-0.185,0.714-0.265c0.319-0.115,2.202-0.423,1.906-1.086c-0.251-0.586-2.551,0.44-2.985,0.576C21.484,2.028,22.43,1.659,22.532,1c-0.876,0.12-1.735,0.535-2.4,1.138c0.24-0.259,0.422-0.573,0.46-0.913C18.255,2.72,16.89,5.73,15.786,8.654c-0.867-0.842-1.637-1.504-2.326-1.874C11.526,5.744,9.212,4.66,5.581,3.31C5.47,4.513,6.175,6.112,8.207,7.175c-0.44-0.059-1.245,0.074-1.888,0.227c0.262,1.379,1.119,2.514,3.438,3.062c-1.06,0.07-1.608,0.313-2.104,0.833c0.483,0.958,1.663,2.085,3.781,1.854c-2.358,1.018-0.961,2.901,0.957,2.619C9.119,19.152,3.962,18.901,1,16.074c7.732,10.547,24.54,6.236,27.044-3.922C29.922,12.167,31.024,11.502,31.708,10.767z",	
						shape: 	"path",
						color:  "#3bceff",
						points: 5,
						radius: 10,
						angle: 	45,
						offset: 
						{
							top:	40,
							left:	40
						}
					})
				})
			})
			</script>
		</div>
	</body>
</html>